/*
 * @Description:
 * @Version: 2.0
 * @Autor: Seven
 * @Date: 2023-09-27 15:44:41
 * @LastEditors: Seven
 * @LastEditTime: 2023-10-26 15:16:58
 */
import React, { memo } from "react";
import {
  PlusCircleOutlined,
  FolderAddOutlined,
  // DeleteOutlined,
  DownloadOutlined,
} from "@ant-design/icons";
// import { Space } from "antd";
const TopBanner = memo(({ AddHandleClick, ExportHandleClick }) => {
  const addHandle = () => {
    AddHandleClick();
  };
  const ExportHandle = () => {
    ExportHandleClick && ExportHandleClick();
  };
  return (
    <div
      style={{
        margin: "15px 0px 15px 30px",
        display: "flex",
        width: "250px",
        justifyContent: "space-between",
        cursor: "pointer",
      }}
    >
      <div onClick={(e) => addHandle()}>
        <PlusCircleOutlined />
        <span style={{ marginLeft: "1px" }}>新增</span>
      </div>
      {/* <div>
        <DeleteOutlined />
        <span style={{ marginLeft: "1px" }}>删除</span>
      </div> */}
      <div onClick={(e) => ExportHandle()}>
        <DownloadOutlined />
        <span style={{ marginLeft: "1px" }}>下载模板</span>
      </div>
      <div>
        <FolderAddOutlined />
        <span style={{ marginLeft: "1px" }}>导入</span>
      </div>
    </div>
  );
});

export default TopBanner;
